<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="baidu-site-verification" content="Eg9tVrHSEK" />
<title>个人博客学习</title>
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/images/favicon.ico">
<meta name="keywords" content="个人博客" />
<meta name="description" content="噢米噶" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="${pageContext.request.contextPath}/css/base.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/animate.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/font-awesome.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/loaders.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/layui/dist/css/layui.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<style type="text/css">
.loader-inner>div {
	background-color: #907f819e;
}
</style>
</head>
<body style="background:url(${pageContext.request.contextPath}/images/bgimg.jpg) repeat top left scroll;z-index:-2">
	<%@ include file="top.jsp"%>
	<!-- <div id="myTime" style="margin-top:60px;position:fixed; left:0px; top:30px;">
		 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="200" height="80" id="honehoneclock" align="middle">
		 <param name="allowScriptAccess" value="always">
		 <param name="movie" value="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf">
		 <param name="quality" value="high">
		 <param name="bgcolor" value="#ffffff">
		 <param name="wmode" value="transparent">
		 <embed wmode="transparent" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf" 
		 quality="high" bgcolor="#ffffff" width="170" height="80" name="honehoneclock" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
		 </object>
	</div>
	<div id="bobo" style="margin-top:60px;position:fixed; right:0px; top: 30px;">
			<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?" width="170" height="100">
				<param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?">
				<param name="AllowScriptAccess" value="always">
				<param name="wmode" value="opaque">
			</object>
	</div> -->
		
	<article style="opacity:0">
	<fieldset class="layui-elem-field layui-field-title">
	  <legend><font style="font-weight: bold;">置顶博客</font></legend>
	</fieldset>
		<div class="layui-carousel" id="TopCarousel" style="border-radius:15px;">
		  <div carousel-item="" id="topcar" style="border-radius:15px;">
		  </div>
		</div>
		<div class="pics">
			<ul>
				
			</ul>
		</div>
		<div class="leftbox ">
			<div class="tuijian" style="margin: 0px ">
				<h2 class="hometitle ">
					特别推荐
				</h2>
				<ul class="animated ">

				</ul>
			</div>
			<div class="newblogs animated fadeInUp"
				style="display:none;animation-delay:0.3s">
				<h2 class="hometitle">最新文章</h2>
				<ul class="animated ">

				</ul>
				<p class="page" style='display:none'>
				<p>
				<p class="pageMin">
				<p>
			</div>
			
		</div>


		<div class="rightbox">
			<div class="aboutme">
				<h3 class="ab_title ">
					<a href="javascript:void(0)">关于我</a>
				</h3>
				<div class="avatar" style="border-radius: 10px;">
					<img src="${pageContext.request.contextPath}/images/wif.jpg" style="border-radius: 10px;width:150px;" />
				</div>
				<div class="ab_con " >
					<p>名字：ouhang</p>
					<p>爱好：打游戏</p>
					<p>所在地：地球</p>
					<p>邮箱：3030997679@qq.com</p>
				</div>
			</div>
			<div class="dj paihang animated fadeInUp"
				style="display:none;animation-delay:0.3s">
				<h3 class="ab_title">
					<a href="javascript:void(0)">点击量排行</a>
				</h3>
				<ul class="">

				</ul>
			</div>
			<div class="git links animated fadeInUp"
				style="display:none;animation-delay:0.3s">
				<h3 class="ab_title">
					<a href="javascript:void(0)">开源项目</a>
				</h3>
				<ul class="animated fadeIn">
					<li><a href="https://github.com/yuomg" target="_blank">Github</a></li>
					<li><a href="https://gitee.com/yuomg" target="_blank">Gitee&nbsp;&nbsp;</a></li>
				</ul>
			</div>
			<div class="weixin animated fadeInUp"
				style="display:none;animation-delay:0.3s">
				<h3 class="ab_title">微信</h3>
				<ul class="animated fadeIn">
					<li>
						<img src="${pageContext.request.contextPath}/images/wx.jpg" alt="微信">
					</li>
				</ul>
			</div>
			<div class="link links animated fadeInUp"
				style="display:none;animation-delay:0.3s">
				<h3 class="ab_title">
					<a href="javascript:void(0)">友情链接</a>
				</h3>
				<ul class="animated fadeIn">

				</ul>
				<div class="msg"
					style="clear: both;text-align: center;margin: 25px 0px 15px;">
					<a href="javascript:void(0)"></a>
				</div>
			</div>
			
			<div class="guanzhu gd animated fadeIn" style="display:none" id="follow-us">
		      <h2 class="cloud_hometitle">来波关注</h2>
		      <ul>
		        <li class="qq"><a href="javascript:void(0)" target="_blank"><span>QQ号</span>3030997679</a></li>
		        <li class="email"><a href="javascript:void(0)" target="_blank"><span>邮箱帐号</span>3030997679@qq.com</a></li>
		        <li class="wxgzh"><a href="javascript:void(0)" target="_blank"><span>微信号</span>3030997679</a></li>
		        <li class="wx" style="border:none"><img src="${pageContext.request.contextPath}/images/wx.jpg"></li>
		      </ul>
    	  </div>
		</div>
		<a href="#" class="top cd-top animated ">Top</a>
	</article>
	<%@ include file="fonter.jsp"%>
	<!-- 全局js -->
	<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/page/index.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/layer/layer.js" charset="utf-8"></script>
	<script src="${pageContext.request.contextPath}/static/layui/dist/layui.js" charset="utf-8"></script>
	<script src="${pageContext.request.contextPath}/js/plugins/sweetalert/sweetalert.min.js"></script>
</body>
<script type="text/javascript">
	$(window).scroll(function(){
	if($(window).scrollTop()>2200&&width>700){
		$(".top").addClass('cd-is-visible fadeIn');
		$(".guanzhu").css("display","block");
	}else{
		$(".top").removeClass('cd-is-visible fadeOut');
		$(".guanzhu").css("display","none");
	}
	});
	
</script>
</html>
